.ql-editor {
	border: 1px solid #a3a3a3;
	border-radius: 6px;
}

.ql-editor:focus {
	border: 1px solid #409eff;
}

.ql-mention-list-container {
	width: 150px;
}

.ql-mention-list-item {
	font-size: 14px;
	color: #606266;
}

.ql-mention-list-item.selected {
	background-color: #f5f7fa !important;
}

.mention {
	color: #409eff;
	background-color: transparent;

	&-box {
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	&-editor {
		flex: 1;
	}

	&-btn {
		margin-left: 16px;
		min-width: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}


.member-item {
	display: flex;
	align-items: center;
	height: 30px;

	.member-avator {
		object-fit: cover;
		height: 100%;
		width: 24px;
		height: 24px;
		border-radius: 50%;
		margin-right: 10px
	}
}